<script setup lang="ts">
import { provide, ref, type Ref } from 'vue';
import FatherComp from './components/FatherComp.vue';
const money = ref(10000)

provide<Ref<number, number>>('money', money)
const changMoney = (newValue: number) => {
  money.value += newValue
}

provide<(newValue: number) => void>('changeMoney', changMoney)
</script>

<template>
  <div class="app-page" style="border: 10px solid #ccc; padding: 50px; width: 600px">
    app 组件
    <FatherComp />
  </div>
</template>

<style scoped></style>